<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>英雄联盟官方网站</title>
    <link rel="stylesheet" type="text/css" href="css/head.css">
    <link rel="stylesheet" type="text/css" href="css/mid.css">
    <link rel="stylesheet" type="text/css" href="css/bottom.css">
    <link rel="stylesheet" type="text/css" href="css/end.css">
</head>
<body>

<div id="head">

    <table id="tablehead">
        <tr id="headfont1">
            <td rowspan="2" id="logotd"><div id="lollogo"></div></td>
            <td><a class="font1" href="#">游戏资料</a>
                <p class="font2">GAME INFO</p>
            </td>
            <td><a class="font1" href="#">商城/合作</a>
                <p class="font2">STORE</p>
            </td>
            <!--<td><br></td>-->
            <!--<td><br></td>-->
            <!--<td><br></td>-->
            <td><a class="font1" href="#">用户互动</a>
                <p class="font2">COMMUNITY</p>
            </td>
            <td><a class="font1" href="#">赛事中心</a>
                <p class="font2">EVENTS</p>
            </td>
            <td><a class="font1" href="#">自助系统</a>
                <p class="font2">SYSTEM</p>
            </td>
            <td><div id="find"></div></td>
            <td><div id="phone"></div></td>
            <td width="100px"><div id="pcircle"></div><div id="person"></div></td>
            <td id="headright"><span class="font1">亲爱的召唤师，欢迎<a href="#">登录</a></span>
                <p class="font2">登录查看自己的战队、资产、声望值等</p></td>
        </tr>
    </table>
    <div id="bgtop"><img src="img/bg-top.jpg" width="100%"> </div>
</div>
<div id="toptxt">
    <table id="toptxttable">
        <tr>
            <td id="zhzx"><a href="#">综合资讯</a></td>
            <td><a href="#">视频中心</a></td>
            <td><a href="#">赛事中心</a></td>
            <td><a href="#">活动中心</a></td>
        </tr>
    </table>
</div>
<div id="middle">
<div id="midl">
    <img src="img/img01.jpg">
    <table id="magictable">
        <tr>
            <td id="magic"><a href="#">魔法引擎上线</a></td>
            <td><a href="#">总决赛卡片收集</a></td>
            <td><a href="#">13点WE与TSM复仇战</a></td>
            <td><a href="#">制胜法则第四期</a></td>
            <td><a href="#">《绽火-狂澜》</a></td>
        </tr>
    </table>
</div>
<div id="midr">
    <img src="img/video-img.png" >
    <div id="video"></div>
    <table id="pictable">
        <tr>
            <td><div id="pic1"></div>新手推荐</td>
            <td><div id="pic2"></div>宇宙官网</td>
            <td><div id="pic3"></div>
                <p class="biaozi">周边商城</p>
                <div id="pic3_2"></div></td>

        </tr>
        <tr>
            <td><div id="pic4"></div><p class="biaozi">新客户端</p>
                <div id="pic4_2"></div></td>
            <td><div id="pic5"></div><p class="biaozi">峡谷之巅</p>
                <div id="pic5_2"></div></td>
            <td><div id="pic6"></div>CDK兑换</td>
        </tr>
        <tr>
            <td><div id="pic7"></div><p class="biaozi">轮换模式</p>
                <div id="pic7_2"></div></td>
            <td><div id="pic8"></div>游戏资料</td>
            <td><div id="pic9"></div>领奖中心</td>
        </tr>
        <tr>
            <td><div id="pic10"></div>官方微博</td>
            <td><div id="pic11"></div>玩家论坛</td>
            <td><div id="pic12"></div>在线客服</td>
        </tr>
    </table>
</div>
</div>
<div id="btmtxt">
    <table id="btmtable">
        <tr>
            <td class="zixun"><a href="#">最新资讯</a></td>
            <td id="zhxw"><a href="#">综合新闻</a></td>
            <td><a href="#">官方公告</a></td>
            <td><a href="#">赛事新闻</a></td>
            <td><a href="#">论坛资讯</a></td>
            <td width="20px"></td>
            <td class="zhoum"><a href="#">周免英雄</a></td>
            <td class="zhoum"><a href="#">最新皮肤</a></td>
            <td class="zhoum"><a href="#">最新英雄</a></td>
        </tr>
    </table>
</div>
<div id="btml">
    <div><div id="newspic9"><img src="img/pic-news9.jpg" width="80%" height="80%"></div>
        <h2>小组赛收官预告 EDG能否创FNC奇迹</h2>
            <p class="newslittle">当天赛区中，LOL赛区一号种子EDG</p>
    </div>
    <table id="news">
        <tr>
            <td class="news">新闻</td>
            <td width="600px">小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>总决赛歌曲合集</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td class="news">新闻</td>
            <td>小青龙为悟空手办作词作曲</td>
            <td>10/13</td>
        </tr>
        <tr>
            <td colspan="3" id="newsend"></td>
        </tr>
    </table>
</div>
<div id="btmr">
    <table id="skin">
        <tr>
            <td colspan="2">
                <img src="img/skin01.jpg">
            </td>
        </tr>
        <tr>
            <td><img src="img/skin02.jpg"></td>
            <td><img src="img/skin03.jpg"></td>
        </tr>
        <tr>
            <td><img src="img/skin04.jpg"></td>
            <td><img src="img/skin05.jpg"></td>
        </tr>
        <tr>
            <td><img src="img/skin06.jpg"></td>
            <td><img src="img/skin07.jpg"></td>
        </tr>
        <tr>
            <td id="time" colspan="2">发布时间2019-6-26</td>
        </tr>
        <tr>
            <td><img src="img/pic-go-mall.jpg"></td>
            <td><img src="img/pic-go-qt.jpg"></td>
        </tr>
        <tr>
            <td colspan="2" id="tip"><div id="tips"></div>
                <p>本游戏适合18岁以上娱乐</p>
                抵制不良游戏</td>
        </tr>
    </table>
</div>
<div id="tuijian">
    <table id="tjtable1">
        <tr>
            <td  class="zixun"><a href="#">最新推荐</a></td>
            <td><a href="#">视频推荐</a></td>
            <td><a href="#">活动推荐</a></td></tr>
    </table>
    <hr id="lasthr" size="3px" color="#C8C8C8"/>
    <table id="tjtable2">
        <tr>
            <td><img src="img/video1.jpg" width="183px" height="108px"> </td>
            <td><img src="img/video2.jpg"></td>
            <td><img src="img/video3.jpg"></td>
            <td><img src="img/video4.jpg"></td>
            <td><img src="img/video5.jpg"></td>
            <td><img src="img/video6.jpg"></td>
        </tr>
        <tr>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
            <td>《s7鬼老爱解说》EDG大战RNG</td>
        </tr>
    </table>
</div>
<div id="end"></div>
</body>
</html>